<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="author" content="dsy" />
		<title>富民商贷</title>
		<link rel="icon" href="favicon.ico" type="image/png">
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/media.css" />
		<link rel="stylesheet" href="css/carousel.css" />
		<link rel="stylesheet" href="css/progress.css" />
		<link rel="stylesheet" href="css/txtMarquee.css" />
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.goup.js"></script>
		<script src="js/jquery.SuperSlide.2.1.js"></script>
		<script src="js/index.js"></script>
	</head>

	<body>
		<header>
			<section class="header-top">
				<div id="top">
					<div class="top-left">
						<img src="images/telephone.png" />
						<span class="words">客服热线: 4000-000-000</span>&nbsp;
						<span class="words">关注我们</span>
						<img src="images/weibo.png" id="weibo" />
						<img src="images/weixin.png" / id="weixin">
					</div>
					<div class="top-right">
						<span class="words">您好！欢迎来到富民商贷！</span>
						<img src="images/vertical-line.png" />
						<a href="#"><span class="words">帮助中心</span></a>
					</div>
				</div>
			</section>
			<section>
				<div id="logo">
					<div id="logo-left">
						<img src="images/logo.png" />
					</div>
					<div id="logo-right">
						<img src="images/icon-1.png" />
						<img src="images/icon-2.png" />
						<img src="images/icon-3.png" />
						<img src="images/icon-4.png" />
					</div>
				</div>
			</section>
			<!--导航栏-->
			<nav>
				<div id="nav">
					<ul>
						<a href="#">
							<li>
								<div>首页</div>
							</li>
						</a>
						<a href="#">
							<li>
								<div>我要投资</div>
							</li>
						</a>
						<a href="#">
							<li>
								<div>我要借款</div>
							</li>
						</a>
						<a href="#">
							<li>
								<div>关于我们 </div>
							</li>
						</a>
						<a href="#">
							<li>
								<div>实时财务</div>
							</li>
						</a>
					</ul>
					<div id="login">
						<span>登录</span><span>注册</span>
					</div>
				</div>
			</nav>
			<!--轮播图-->
			<div id="carousel">
				<div id="slideBox" class="slideBox">
					<div class="hd">
						<ul>
							<li></li>
							<li></li>
						</ul>
					</div>
					<div class="bd">
						<ul>
							<li>
								<a href="#"><img src="images/Carousel-1.png" /></a>
							</li>
							<li>
								<a href="#"><img src="images/Carousel-2.png" /></a>
							</li>
						</ul>
					</div>

					<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
					<a class="prev" href="javascript:void(0)"></a>
					<a class="next" href="javascript:void(0)"></a>
				</div>
			</div>
			<section id="na">
				<div id="new-Announcement">
					<div class="na-left">
						<span>最新公告: 【富民商贷平台服务器网络升级公告】</span>
					</div>
					<div id="na-right">
						<span id="na-right-date">2016-08-04</span>
						<a href="#">
							<div id="buttn-more">更多</div>
						</a>
					</div>
				</div>
			</section>
			<section id="advantages">
				<div id="ad-image">
					<div>
						<img id="pic-1" src="images/anquan-1.png" />
					</div>
					<div>
						<img id="pic-2" src="images/baozhang-1.png" />
					</div>
					<div>
						<img id="pic-3" src="images/shouyi-1.png" />
					</div>
					<div>
						<img id="pic-4" src="images/zidonghua-1.png" />
					</div>
				</div>
			</section>
		</header>
		<main id="content">
			<section>
				<!--left-->
				<div id="left">
					<!--优选理财-->
					<div id="yxlc" class="suspension bk-white">
						<div id="yxlc-border">
							<div id="yxlc-title">
								<div>
									<span class="s1">优选理财</span><span class="s2">省时省心 , 收益更高</span>
								</div>
								<div>
									<span class="s3" class="more">更多></span>
								</div>
							</div>
							<div id="yxlc-body">
								<div id="yxlc-left">
									<span id="yxlc-left-title">青岛市某贸易有限公司短期资金周转</span>
									<div id="yxlc-left-body">
										<div id="yxlc-rate">
											<div id="yxlc-rate-number" class="numerial-number">20<span class="symbol">%</span></div>
											<div class="sinogram">年化收益率</div>
										</div>
										<div id="yxlc-time">
											<div id="yxlc-time-number" class="numerial-number">3<span class="symbol">个月</span></div>
											<div class="sinogram">借款期限</div>
										</div>
										<div id="yxlc-money">
											<div id="yxlc-money-number" class="numerial-number">￥200,000</div>
											<div class="sinogram">借款金额</div>
										</div>
									</div>
								</div>
								<div id="yxlc-right">
									<div id="yxlc-right-progress">
										<span class="sinogram">进度</span>
										<div class="progress">
											<span class="progress-val">75%</span>
											<span class="progress-bar"><span class="progress-in" style="width: 75%"></span></span>
										</div>
									</div>
									<div id="yxlc-right-button">
										<div>
											<div class="sinogram">还款方式</div>
											<div id="hkfs" class="sinogram">到期一次性还本付息</div>
										</div>
										<a href="#">
											<div id="button">立即投资</div>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--图片广告-->
					<div id="banner">
						<img src="images/banner.png" />
					</div>
					<!--投资理财-->
					<div id="tzlc" class="suspension bk-white">
						<div id="tzlc-body">
							<div id="tzlc-title">
								<div>
									<span class="s1">投资理财</span><span class="s2">自主选择，灵活投资</span>
								</div>
								<div>
									<span class="s3" class="more">更多></span>
								</div>
							</div>
							<!--1-->
							<div id="tzlc-main">
								<div id="tzlc-xm">
									<div id="tzlc-xm-up">
										<div id="tzlc-xm-title">
											<img src="images/xin.png" /> 房产抵押借款【JKF20140822-0001】
										</div>
										<a href="#">
											<div id="button" class="0">立即投资</div>
										</a>
									</div>
									<div id="tzlc-xm-down">
										<div id="tzlc-xm-information">
											<div id="tzlc-total">
												<div class="tzlc-16px">融资总额</div>
												<div class="tzlc-16px-bold">1,500,000<span class="tzlc-13px">元</span></div>
											</div>
											<div id="tzlc-rate">
												<div class="tzlc-16px">年利率</div>
												<div class="tzlc-16px-bold">15.2<span class="tzlc-13px">%</span></div>
											</div>
											<div id="tzlc-mode">
												<div class="tzlc-16px">还款方式</div>
												<div class="tzlc-14px-blue">按月付息到期还本</div>
											</div>
											<div id="tzlc-time">
												<div class="tzlc-16px">借款期限</div>
												<div class="tzlc-16px-blue">12<span class="tzlc-13px">个月</span></div>
											</div>
										</div>
										<div id="tzlc-right-progress">
											<span class="tzlc-16px">项目进度</span>
											<div class="progress">
												<span class="progress-val">15%</span>
												<span class="progress-bar"><span class="progress-in" style="width: 15%"></span></span>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!--2-->
							<div id="tzlc-main">
								<div id="tzlc-xm">
									<div id="tzlc-xm-up">
										<div id="tzlc-xm-title">
											<img src="images/xin.png" /> 房产抵押借款【JKF20140822-0001】
										</div>
										<a href="#">
											<div id="button" class="1">立即投资</div>
										</a>
									</div>
									<div id="tzlc-xm-down">
										<div id="tzlc-xm-information">
											<div id="tzlc-total">
												<div class="tzlc-16px">融资总额</div>
												<div class="tzlc-16px-bold">1,500,000<span class="tzlc-13px">元</span></div>
											</div>
											<div id="tzlc-rate">
												<div class="tzlc-16px">年利率</div>
												<div class="tzlc-16px-bold">15.2<span class="tzlc-13px">%</span></div>
											</div>
											<div id="tzlc-mode">
												<div class="tzlc-16px">还款方式</div>
												<div class="tzlc-14px-blue">按月付息到期还本</div>
											</div>
											<div id="tzlc-time">
												<div class="tzlc-16px">借款期限</div>
												<div class="tzlc-16px-blue">12<span class="tzlc-13px">个月</span></div>
											</div>
										</div>
										<div id="tzlc-right-progress">
											<span class="tzlc-16px">项目进度</span>
											<div class="progress">
												<span class="progress-val">79%</span>
												<span class="progress-bar"><span class="progress-in" style="width: 79%"></span></span>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!--3-->
							<div id="tzlc-main">
								<div id="tzlc-xm">
									<div id="tzlc-xm-up">
										<div id="tzlc-xm-title">
											<img src="images/xin.png" /> 房产抵押借款【JKF20140822-0001】
										</div>
										<a href="#">
											<div id="button" class="2">立即投资</div>
										</a>
									</div>
									<div id="tzlc-xm-down">
										<div id="tzlc-xm-information">
											<div id="tzlc-total">
												<div class="tzlc-16px">融资总额</div>
												<div class="tzlc-16px-bold">1,500,000<span class="tzlc-13px">元</span></div>
											</div>
											<div id="tzlc-rate">
												<div class="tzlc-16px">年利率</div>
												<div class="tzlc-16px-bold">15.2<span class="tzlc-13px">%</span></div>
											</div>
											<div id="tzlc-mode">
												<div class="tzlc-16px">还款方式</div>
												<div class="tzlc-14px-blue">按月付息到期还本</div>
											</div>
											<div id="tzlc-time">
												<div class="tzlc-16px">借款期限</div>
												<div class="tzlc-16px-blue">12<span class="tzlc-13px">个月</span></div>
											</div>
										</div>
										<div id="tzlc-right-progress">
											<span class="tzlc-16px">项目进度</span>
											<div class="progress">
												<span class="progress-val">61%</span>
												<span class="progress-bar"><span class="progress-in" style="width: 61%"></span></span>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!--4-->
							<div id="tzlc-main">
								<div id="tzlc-xm">
									<div id="tzlc-xm-up">
										<div id="tzlc-xm-title">
											<img src="images/xin.png" /> 房产抵押借款【JKF20140822-0001】
										</div>
										<div id="button" class="3">
											立即投资
										</div>
									</div>
									<div id="tzlc-xm-down">
										<div id="tzlc-xm-information">
											<div id="tzlc-total">
												<div class="tzlc-16px">融资总额</div>
												<div class="tzlc-16px-bold">1,500,000<span class="tzlc-13px">元</span></div>
											</div>
											<div id="tzlc-rate">
												<div class="tzlc-16px">年利率</div>
												<div class="tzlc-16px-bold">15.2<span class="tzlc-13px">%</span></div>
											</div>
											<div id="tzlc-mode">
												<div class="tzlc-16px">还款方式</div>
												<div class="tzlc-14px-blue">按月付息到期还本</div>
											</div>
											<div id="tzlc-time">
												<div class="tzlc-16px">借款期限</div>
												<div class="tzlc-16px-blue">12<span class="tzlc-13px">个月</span></div>
											</div>
										</div>
										<div id="tzlc-right-progress">
											<span class="tzlc-16px">项目进度</span>
											<div class="progress">
												<span class="progress-val">100%</span>
												<span class="progress-bar"><span class="progress-in" style="width: 100%"></span></span>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!--5-->
							<div id="tzlc-main">
								<div id="tzlc-xm">
									<div id="tzlc-xm-up">
										<div id="tzlc-xm-title">
											<img src="images/xin.png" /> 房产抵押借款【JKF20140822-0001】
										</div>
										<div id="button" class="4">
											立即投资
										</div>
									</div>
									<div id="tzlc-xm-down">
										<div id="tzlc-xm-information">
											<div id="tzlc-total">
												<div class="tzlc-16px">融资总额</div>
												<div class="tzlc-16px-bold">1,500,000<span class="tzlc-13px">元</span></div>
											</div>
											<div id="tzlc-rate">
												<div class="tzlc-16px">年利率</div>
												<div class="tzlc-16px-bold">15.2<span class="tzlc-13px">%</span></div>
											</div>
											<div id="tzlc-mode">
												<div class="tzlc-16px">还款方式</div>
												<div class="tzlc-14px-blue">按月付息到期还本</div>
											</div>
											<div id="tzlc-time">
												<div class="tzlc-16px">借款期限</div>
												<div class="tzlc-16px-blue">12<span class="tzlc-13px">个月</span></div>
											</div>
										</div>
										<div id="tzlc-right-progress">
											<span class="tzlc-16px">项目进度</span>
											<div class="progress">
												<span class="progress-val">100%</span>
												<span class="progress-bar"><span class="progress-in" style="width: 100%"></span></span>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!--right-->
				<div id="right">
					<!--富民统计-->
					<div id="fmtj" class="suspension bk-white">
						<div id="fmtj-body">
							<div id="fmtj-title" class="right-title">
								富民统计
							</div>
							<div id="fmtj-main">
								<div>
									<img src="images/icon-5.png" />
									<span class="fmtj-font-size">1003</span> 笔&#x3000;成功放款笔数
								</div>
								<div>
									<img src="images/icon-6.png" />
									<span class="fmtj-font-size">13124567.54</span> 元&#x3000;总放款本息
								</div>
								<div>
									<img src="images/icon-7.png" />
									<span class="fmtj-font-size">124567.54</span> 元&#x3000;总待收本息
								</div>
							</div>
						</div>

					</div>
					<!--富民公告-->
					<div id="fmgg" class="suspension bk-white right-public">
						<div id="fmgg-body" class="public-body">
							<div id="fmgg-title" class="public-title">
								<span class="right-title">富民公告</span>
								<span class="more">更多></span>
							</div>
							<div id="fmgg-main" class="public-main">
								<ul>
									<li>
										<a href="#">行业监管在即，P2P平台的出路在哪儿？</li>
									</a>
									<li>
										<a href="#">女性理财：如何才女变“财女”</li>
									</a>
									<li>
										<a href="#">P2P平台如何加强透明度和风险管理？</li>
									</a>
									<li>
										<a href="#">P2P网贷势不可挡，银行成弱势群体？</li>
									</a>
									<li>
										<a href="#">2015年居民收入信心指数不高......</li>
									</a>
									<li>
										<a href="#">P2P平台商业模式之争：解构富民商贷?</li>
									</a>
								</ul>
							</div>
						</div>
					</div>
					<!--富民榜-->
					<div id="fmb" class="suspension bk-white right-public">
						<div id="fmb-body" class="public-body">
							<div id="fmb-title" class="public-title">
								<span class="right-title">富民榜</span>
								<img src="images/trophy.png" />
							</div>
							<div id="fmb-main">
								<div class="txtMarquee-top">
									<div class="hd">
										<span class="date">排名</span>
										<span>用户名</span>
										<span class="last-column">投资金额</span>
									</div>
									<div class="bd">
										<ul class="infoList">
											<li><span class="date first">1</span><span>荣****</span><span class="last-column">1,593,800元</span></li>
											<li><span class="date second">2</span><span>k***v</span><span class="last-column">1,454,330元</span></li>
											<li><span class="date third">3</span><span>潘****</span><span class="last-column">1,294,350元</span></li>
											<li><span class="date">4</span><span>衣****</span><span class="last-column">1,268,510元</span></li>
											<li><span class="date">5</span><span>y***i</span><span class="last-column">1,179,400元</span></li>
											<li><span class="date">6</span><span>5***h</span><span class="last-column">1,056,350元</span></li>
											<li><span class="date">7</span><span>李***r</span><span class="last-column">974,650元</span></li>
											<li><span class="date">8</span><span>s***f</span><span class="last-column">953,450元</span></li>
											<li><span class="date">9</span><span>罗****</span><span class="last-column">899,755元</span></li>
											<li><span class="date">10</span><span>7***2</span><span class="last-column">854,970元</span></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--小广告-->
					<div id="small-banner">
						<a href="#"><img src="images/banner-2.png" /></a>
					</div>
					<!--常见问题-->
					<div id="cjwt" class="suspension bk-white right-public">
						<div id="cjwt-body" class="public-body">
							<div id="cjwt-title" class="public-title">
								<span class="right-title">常见问题</span>
								<span class="more">更多></span>
							</div>
							<div id="cjwt-main" class="public-main">
								<ul>
									<li>
										<a href="#">我是新手，如何注册成为富民商贷会员？</a>
									</li>
									<li>
										<a href="#">首次注册后如何认证成为实名会员？</a>
									</li>
									<li>
										<a href="#">如何添加银行卡？</a>
									</li>
									<li>
										<a href="#">在富民商贷理财有什么样的安全保障？</a>
									</li>
									<li>
										<a href="#">我的富民商贷理财账户如何管理？</a>
									</li>
									<li>
										<a href="#">富民商贷理财平台交易管理流程是什么样的？</a>
									</li>
								</ul>
							</div>
						</div>
					</div>

				</div>
			</section>
			<!--合作伙伴-->
			<div id="cooperate">
				<div id="cooperate-title">
					合作伙伴
				</div>
				<img src="images/cooperate.png" />
			</div>
		</main>
		<!--底部-->
		<footer>
			<section>
				<div id="bottom-up">
					<div id="bottom-up-words">
						<div>
							<ul id="bottom-up-words-link">
								<li>
									<a href="#">关于富民</a>
								</li>
								<li>
									<a href="#">安全保障</a>
								</li>
								<li>
									<a href="#">常见问题</a>
								</li>
								<li>
									<a href="#">法律政策</a>
								</li>
								<li>
									<a href="#">资费说明</a>
								</li>
								<li>
									<a href="#">媒体报道</a>
								</li>
							</ul>
						</div>
						<div id="bottom-up-words-lxfs">
							<div id="telphone">
								<img src="images/telphone-2.png" />
								<span id="telphone-number">4000-000-000</span>
								<span id="telphone-time">（工作时间：9:00-22:00）</span>
							</div>
							<div id="email">
								<img src="images/email.png" />
								<span id="email-number">kefu@fumin.com</span>
							</div>
							<div id="custom-service">
								<img src="images/custom-service.png" />
								<a href="#"><span id="custom-service-number">在线客服</span></a>
							</div>
						</div>
					</div>
					<div id="bottom-up-img">
						<img src="images/QR-Code.png" />
					</div>
				</div>
				<div id="bottom-down">
					<div id="bottom-down-img">
						<img id="bottom-1" src="images/bottom-1.png" />
						<img src="images/bottom-2.png" />
						<img src="images/bottom-3.png" />
						<img src="images/bottom-4.png" />
						<img src="images/bottom-5.png" />
					</div>
					<div id="bottom-down-words">
						<span><a href="#">鲁ICP备12023672号-5</a>&#x3000;|&#x3000;鲁公网安备 11010502025073 号</span>
						<span id="">© 2014 fumin.com&#x3000;|&#x3000;富民商贷（青岛）有限公司 版权所有</span>
					</div>
				</div>
			</section>
		</footer>
	</body>

</html>